<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 1. 普通函数
    // 参数: 形参(占位) 和 实参(具体的值)
    // 形参和实参可以不对等, 建议是对等
    // 在js的函数内部, 都有一个对象叫arguments, 用来保存函数的实参
    // 注意点: 箭头函数中没有arguments对象
    function fn1(num1, num2) {
      // console.log(`num1: ${num1}, num2: ${num2}`);
      // 判断形参的个数和实参个数是否相等
      // console.log(arguments.length) // 实参的个数
      console.log(fn1.length) // 形参的个数
    }
    // fn1()
    // fn1(10, 20)
    // fn1(10)
    // fn1(10, 20, 30)

    // 2. 匿名函数
    // const fn2 = function () {
    //   console.log('fn2');
    // }
    // fn2()

    // 3. 箭头函数
    const fn3 = () => {
      console.log('fn3', arguments);
    }
    fn3()
  </script>
</body>

</html>